<template>
    <div>
        <div v-if="props.type == 1">
            <el-icon v-if="icon=='upload-filled'" :size="30" color="#3291F8"><upload-filled /></el-icon>
            <el-icon v-if="icon=='PictureFilled'" :size="30" color="#3291F8"><PictureFilled /></el-icon>
            <div class="el-upload__text">
                点击上传或拖核图片到这里
            </div>
            <div class="el-upload__tip">
                支特的格式jpg/png/xxx
            </div>
        </div>
        <div v-else>
            <el-icon v-if="icon=='upload-filled'" :size="24" color="#3291F8"><upload-filled /></el-icon>
            <el-icon v-if="icon=='PictureFilled'" :size="24" color="#3291F8"><PictureFilled /></el-icon>
            <div class="el-upload__text1">
                点击上传或拖核图片到这里
            </div>
            <div class="el-upload__tip1">
                支特的格式jpg/png/xxx
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
const props = defineProps(['type', 'icon']);

</script>

<style lang="scss" scoped>
// ::v-deep .el-upload-dragger {
//     padding: 0px 4px !important;
//     height: 100px !important;
//     width: 260px;
// }



.el-upload__text {
    position: absolute;
    top: 44px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    // color: #000;
}

.el-upload__tip {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    color: #999;
    font-size: 10px;
}



.el-upload__text1 {
    position: absolute;
    top: 34px;
    text-align: center;
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    // color: #000;
}

.el-upload__tip1 {
    position: absolute;
    bottom: 4px;
    text-align: center;
    width: 100%;
    color: #999;
    font-size: 10px;
}
</style>